.summary {
  background-color: #f5f3ef;
  border-top: 1px dotted #dedede;
  border-bottom: 1px dotted #dedede;
  padding: 0 0 0px;
  line-height: 24px;
  font-size: 13px;
  position: relative;


  .summary-row {
    padding-left: 10px;
    margin-bottom: 3px;
    line-height: 24px;
    font-size: 13px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;

    .left {
      width: 64px;
      color: #666;
    }

    .right {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      flex: 1;
      color: black
    }

    .num {
      color: #d7282d;
    }

    .rp {
      margin-right: 1px;
      margin-left: 0;


      .rmb {
        margin-left: 0;
        color: #d7282d;
      }

      .num {
        margin-left: 2px;
        color: #d7282d;
      }
    }
  }
}

.mainImg {

  div,
  img {
    width: 100%;
    max-width: 450px;
    border: 1px solid #f5f5f5;
    box-shadow: 2px 3px 10px #ececec;
  }
}

.goldtag {
  border: 1px solid rgba(180, 160, 120, .3);
  background-color: #f5f3ef;
  color: #b19e7a !important;
}

.name {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  position: relative;
}


.desc {
  font-size: 12px;
  line-height: 20px;
  color: #999;
  margin-bottom: 7px;
}

.comment {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1.2;
  text-align: right;
  z-index: 1;
  font-weight: 400;
}
